@import url("http://www.scotiabank.com.pe/fonts/scotiabank.css");

@charset "utf-8";
/* CSS Document */

.r-box h2, .r-box p { line-height: 120%;}
.r-box .b-rigt {
	bottom: 0;
    position: absolute;
    right: -1px;
}

#div_r-box4 .image-blog{    background: url("../img/blog.png") no-repeat scroll 0 0 transparent;
    bottom: 3px;
    display: block;
    height: 68px;
    position: absolute;
    right: 11px;
    width: 88px;}
	
#div_r-box4 .access {
    background: url("../img/btn-ingresar.png") no-repeat scroll 0 0 transparent;
    bottom: 9px;
    display: block;
    height: 15px;
    left: 10px;
    position: absolute;
    width: 45px;
}
#div_r-box .images a.ver { display:block; height:16px; width:44px; background:transparent url(../img/ver-mas.png) no-repeat 0 0;  }
.r-box .c-rigt { position:absolute; top:6px; right: 53px; }
.r-box ul li { float: left; list-style-type: none; }
.r-box .tit-banner { 
	font-size:14px; 
	 color: white;
    left: 10px;
    position: absolute;
    top: 6px;
    z-index: 20;}
.b-rigt {padding-top:50px; }
/* CSS Doc1ument  */
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 990px;
height:495px;
/* custom decorations */
background:url(../img/cielo1.jpg) repeat-x;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
.items div {
float:left;
width:990px;
}
/* single scrollable item */
.scrollable img {
float:left;



-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
/*background:url(../img/scrollable/arrow/hori_large.png) no-repeat;*/
display:none;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* up and down */
a.up, a.down {
/*background:url(../img/scrollable/arrow/vert_large.png) no-repeat;*/
float: none;
margin: 10px 50px;
}
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}
a.a_link { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/grey.gif); z-index:2; }


/* position and dimensions of the navigator */
.navi {
background:url(../img/velo__02.png) no-repeat 0 0 transparent;
    height: 42px;
    left: 0;
    position: absolute;
    top: 517px;
    width: 990px;
    z-index: 9;
	padding:0 0 0 35px;
}
/* items inside navigator */
.navi a {
height:45px;
float:left;
margin:-3px 3px;
background:url(../img/icons-home.png) 0 0 no-repeat;
display:block;
font-size:1px;
cursor:pointer;

}
.navi a.first { width:44px; background-position:0 0;}
.navi a.sec { width:44px; background-position:-211px 0; }
.navi a.third { width:44px; background-position:-274px 0; }
.navi a.four { width:44px; background-position:-338px 0;}
.navi a.five { width:44px; background-position:-158px 0} 
.navi a.six { width:44px; background-position:-48px 0} 
.navi a.seven { width:44px; background-position:-106px 0} 

/* mouseover state */
.navi a:hover.first, .navi a.first.active  {
	background-position:0 -45px;
}
.navi a:hover.sec,.navi a.sec.active {
	background-position:-211px -45px;
}

.navi a:hover.third,.navi a.third.active{
	background-position:-274px -45px;
	}

.navi a:hover.four,.navi a.four.active{
	background-position:-338px -45px;
	}
.navi a:hover.five,.navi a.five.active{
	background-position:-158px -45px;
	}
.navi a:hover.six,.navi a.six.active{
	background-position:-48px -45px;
	}
	
.navi a:hover.seven,.navi a.seven.active{
	background-position:-106px -45px;
	}
	

/* active state (current page state) */
.navi a.active {

} 

.zindex { position:relative; z-index:1;}

/* trigger button */
.tool-link {
	
	height:44px;
	overflow:hidden;
	width:159px;
	cursor:pointer;
}
.tool-center .tooltip { left: -90px!important;}
.tool-center .tooltip .arrow-tool  { left: 120px;}
.tool-left .tooltip { left: -200px!important; }
.tool-left .tooltip .arrow-tool { left: 220px;}
a.tool-link, a.link {
	color: #f72b0a!important;
}


/* tooltip styling */
.tooltip {
	background:transparent url(../img/bg_tool_center.png) repeat 0 0;
	display:none;
	color:#fff;
	position:absolute;
	padding: 0 10px;
	width:271px;
	font-size:12px;
	
	z-index: 12;
	
}
.tooltip .head-tool,.tooltip .foot-tool { left: 0; position: absolute; width: 291px; height: 15px; background: transparent url(../img/bg_tool_tip.png) no-repeat 0 0; }
.tooltip .head-tool { background-position: top ; top: -15px;  }
.tooltip .foot-tool { background-position: bottom ; bottom: -15px;}
.tooltip p { padding:0 20px; color: white; }
ol li {position: relative;}
.tooltip .arrow-tool {
    background: url("../img/arrow_tool.png") no-repeat scroll 0 0 transparent;
    top: 10px;
    height: 21px;
    left: -9px;
    position: absolute;
    width: 19px;
}
/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

/*.image-home { position: absolute; top: 65px; left: 0; z-index: 20; height: 494px; width: 990px; background: #FFFFFF; }*/
.image-home { position: absolute; top: 0px; left: 0; z-index: 20; height: 559px; width: 990px; background: #FFFFFF; }
a.nube {  color: #FFFFFF;
    display: block;
    height: 100px;
    position: absolute;
	text-align:center;
    width: 100px;
    z-index: 25; background-image: url(../img/transp.png); }
a.nube span { color: #0084A9;}
#f1 {
	left: 614px;
	top: 240px;
}
#f2 {
	left: 88px;
	top: 242px;
}
#f3 {
	left: 477px;
	top: 125px;
}
#f4 {
	left: 53px;
	top: 408px;
}
#f5 {
	left: 326px;
	top: 105px;
}
#f6 {
	left: 172px;
	top: 130px;
}
#f7 {
	left: 638px;
	top: 380px;
}
#f0 {
	height: 368px;
	left: 781px;
	top: 135px;
	width: 170px;
}

/*Consejos*/
.consejos .image{
	
	width: 230px;
}
.consejos .content {
	left:227px;
	width: 572px;
}

/* root element for scrollable */
#boxscroll {
	
	height: 440px;
	
	overflow: auto;

}

.image .consejos-title {
	position: absolute;
	top: 50%;
	right: 0;
	width:230px;
	background:transparent url(../img/white_bg_consejos.png) no-repeat 0 top;
	z-index: 30;
}
.image .consejos-title .consejos_bottom { position: absolute; right:-1px; bottom: -20px; height: 20px; width: 230px; background:transparent url(../img/white_bg_consejos.png) no-repeat 0 bottom; }
.image .consejos-title h3 { color: #0084A9; line-height: 110%; font-size: 18px; float: left; padding: 15px 0px 0 30px; }
.image .consejos-title h3 span { color: #D18313; font-size: 18px; margin-right: 5px;}

#texto2 { float: left;}
.mensaje {
	/* left: 258px;
    position: absolute;
    top: 156px;
    z-index: 100;*/
     left: 549px;
	position: absolute;
	top: 80px;
	z-index: 100;
}

 .Texto_Titulo1,.Texto_Titulo2,.Texto_Titulo3,.Texto_Titulo4,.Texto_Titulo5,.Texto_Titulo6,.Texto_Titulo7,.Texto_Titulo8 {  background: url("../img/bineta_txt.png") no-repeat scroll 0 3px transparent;
    margin-top: 5px !important; padding-left: 14px; }

.accordion {
			 
			   dt, dd {
			      padding: 10px;
			      border: 1px solid black;
			      border-bottom: 0;
			      &:last-of-type {
			        border-bottom: 1px solid black;
			      }
			      a {
			        display: block;
			        color: black;
			        font-weight: bold;
			      }
			   }
			  dd {
			     border-top: 0;
			     font-size: 12px;
			     &:last-of-type {
			       border-top: 1px solid white;
			       position: relative;
			       top: -1px;
			     }
			  }
			}
			
	
.sendMail{ display:none!important;}			
/*.sendMail { position:absolute; background:transparent url(../photos/black.png) repeat 0 0; z-index:100; top:0; left:0;}
.sendMail .bundle {
    
	position: relative;
    top: 50%; left: 50%;
    width: 370px;height: 460px;
    margin-top:-230px;
    margin-left:-185px;
    z-index: 100;
}
.sendMail .close-message { position:absolute; bottom:7px; left:10px;}
.sendMail #formulario{ position:relative; top:24%; left:38%; z-index:100; background:transparent url(../photos/top_bar.png) no-repeat 0 0; width:350px; height: 292px; line-height:36px; color:white; }
.sendMail-iframe #form1 {     background: url("../photos/top_bar.png") no-repeat scroll 0 0 transparent;
    color: white;
    float: left;
    height: 440px;
    line-height: 36px;
    width: 355px; }
.sendMail form,.sendMail-iframe form { width:355px; padding:10px;}
.sendMail form label,.sendMail-iframe form label { color:#666; font-size:15px;}
p.small { font-size:10px; display:none;} 
.sendMail a#closeSendMail{ color:white;  text-decoration:none; font-weight:bold; }
.sendMail a#closeSendMail:hover {text-decoration:underline;}
.sendMail  h2,.sendMail-iframe h2 { font-size:25px; margin-bottom:0;}
.sendMail h2, .sendMail  p,.sendMail span,.sendMail-iframe h2,.sendMail-iframe p,.sendMail-iframe span { color:white; }
.sendMail form input[type="text"], .sendMail-iframe form input[type="text"] { margin-top:5px; width:350px; height:25px; line-height:25px; border:none; background:transparent url(../photos/bg_form.png) no-repeat 0 0; }
.sendMail form input[type="submit"], .sendMail-iframe form input[type="submit"] {
    height: 35px;
    margin-top: 5px;
    width: 80px;
}
.sendMail-iframe textarea { width: 350px; margin-top: 5px; }
.sendMail-iframe select {
	  background: url("../photos/bg_form.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 15px;
    height: 23px;
    padding: 1px;
    width: 350px;
    margin-top: 5px;}
    
.sendMail-iframe form p { position:relative }
.sendMail-iframe label { position:absolute; top:7px; left:5px}
.sendMail-iframe .error_email { position:absolute; top:100px; display:none; }
.sendMail-iframe form fieldset p input,
.sendMail-iframe form fieldset p textarea {
	display: block;
	margin: 0;
}
.sendMail #closeForm { cursor:pointer; position:absolute; top:-20px; right:-20px; background:transparent url(../photos/x.png) no-repeat 0 0; height:40px; width:40px;}
#Label1{ margin-left:125px;}*/

.disabled {
	 cursor:pointer;
	 
	}
.transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
 
}
